﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true" CodeBehind="contact.aspx.cs" Inherits="PhuLeBooze.contact" %>

<%@ Register Src="~/ucNew2Item.ascx" TagPrefix="uc1" TagName="ucNew2Item" %>
<%@ Register Src="~/ucCategory.ascx" TagPrefix="uc1" TagName="ucCategory" %>


<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="Js/Page/PhuLeBooze.Contact.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="container">
        <div id="content" class="contact">
            <div class="col colL">
                <div id="map-canvas"></div>

                <p style="margin-top: 10px; margin-bottom: 10px"><strong><asp:Literal ID="ltrCompanyName" runat="server">CTY TNHH RƯỢU MẠNH PHÚ LỄ VIỆT NAM</asp:Literal></strong></p>
                
                <asp:Literal ID="ltrAgency" runat="server"> <p>180-192 Nguyễn Công Trứ , P. Nguyễn Thái Bình , Q.1 , TP. HCM - <b>[M]</b> 0906 841 288 - <b>[E]</b> cskh@phulebrandy.com</p></asp:Literal>

               
                 
            </div>
            <div class="col colR">
                <h2 class="title">Liên hệ</h2>
                <div class="line"></div>
                <form>
                    <input type="text" placeholder="Name:" id="txtName" />
                    <input type="text" placeholder="E-mail:" id="txtEmail" />
                    <input type="text" placeholder="Phone:" id="txtPhone" />
                    <textarea placeholder="Message:" id="txtMessage"></textarea>
                    <input type="button" id="btnsent" value="Gủi" class="disabled" title="Vui lòng điền thông tin " />
                </form>
            </div>
            <div class="clearfix"></div>
        </div>
       
        <uc1:ucCategory runat="server" ID="ucCategory" />


    </div>
    <script>
        var activeMenu = "contact";
    </script>

      <!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" style="width: 400px;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Gủi Message</h4>
      </div>
      <div class="modal-body text-center" style="padding-left:10px; padding-left:1px"">
        Cám ơm bạn đã gủi thông tin. <br />
          Phú Lễ Brandy sẽ sớm liên lạc với bạn.
      </div>
     
    </div>
  </div>
</div>
    <style>
     #map-canvas {
            height: 370px;
            width: 757px;
            margin: 0px;
            padding: 0px;
        }
    .labels {
     color: red;
     /*background-color: white;*/
     font-family: "Lucida Grande", "Arial", sans-serif;
     font-size: 15px;
     font-weight: bold;
     text-align: center;
     width: 150px;
     /*border: 2px solid black;*/
     white-space: pre-line;
   }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
    <script src="Js/Page/markerwithlabel.js"></script>
    <script>
        function initialize() {//10.7696967,106.7615238,17z
                               //10.0734878,106.61094 
            var myLatlng = new google.maps.LatLng(10.7696967, 106.7615238, 17);
            var myLatlng1 = new google.maps.LatLng(10.0734878, 106.61094, 17);
            var mapOptions = {
                zoom: 17,
                center: myLatlng
            };

            var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

            var contentString = '<div id="content">' +
      '<div id="siteNotice">' +
      '</div>' +
      '<h1 id="firstHeading" class="firstHeading">Rượu Phú Lễ</h1>' +
      '<div id="bodyContent">' +
      '<p>Điên gì vào đây anh Sơn.</p>' +
      '</div>' +
      '</div>';

            var infowindow = new google.maps.InfoWindow({
                content: contentString
            });

            var marker1 = new MarkerWithLabel({
                position: myLatlng,
                draggable: true,
                raiseOnDrag: true,
                map: map,
                labelContent: " A12 Khu Biệt thự Hà Đô. Phú Lễ Brandy có ở đây",
                labelAnchor: new google.maps.Point(22, 0),
                labelClass: "labels", // the CSS class for the label
                labelStyle: { opacity: 0.75 },
            });
            var marker2 = new MarkerWithLabel({
                position: myLatlng1,
                draggable: true,
                raiseOnDrag: true,
                map: map,
                labelContent: " Số 355 Hương lộ 14, ấp Phú Thạnh, xã Phú Lễ, huyện Ba Tri, Tỉnh Bến Tre, Việt Nam",
                labelAnchor: new google.maps.Point(22, 0),
                labelClass: "labels", // the CSS class for the label
                labelStyle: { opacity: 0.75 },
            });
            google.maps.event.addListener(marker1, 'click', function () {
                infowindow.open(map, marker1);
            });
            google.maps.event.addListener(marker2, 'click', function () {
                infowindow.open(map, marker2);
            });
        }

        google.maps.event.addDomListener(window, 'load', initialize);

    </script>
</asp:Content>
